@use 'theme';
@use 'transition';
@use 'element-plus';
@use 'sidebar';
@use 'dark';

// 全局菜单样式调整 - 强制覆盖Element Plus默认样式

.el-menu {
  // --el-menu-item-height: 50px !important;
  font-size: 14px !important;
}

.el-menu .el-menu-item,
.el-menu .el-sub-menu__title {
  padding: 0 20px !important;
  line-height: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 1px 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

// 确保子菜单标题也应用相同的高度
.el-sub-menu__title {
  padding: 0 20px !important;
  line-height: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
}

// 调整图标大小和位置
.el-menu-item .iconify,
.el-sub-menu__title .iconify {
  font-size: 16px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

/* 自定义全局 CssVar */
:root {
  /* 左侧菜单展开、收起动画时长 */
  --pure-transition-duration: 0.3s;

  /* 常用border-color 需要时可取用 */
  --pure-border-color: rgb(5 5 5 / 6%);

  /* switch关闭状态下的color 需要时可取用 */
  --pure-switch-off-color: #a6a6a6;

  /** 主题色 */
  --pure-theme-sub-menu-active-text: initial;
  --pure-theme-menu-bg: none;
  --pure-theme-menu-hover: none;
  --pure-theme-sub-menu-bg: transparent;
  --pure-theme-menu-text: initial;
  --pure-theme-sidebar-logo: none;
  --pure-theme-menu-title-hover: initial;
  --pure-theme-menu-active-before: transparent;
}

/* 灰色模式 */
.html-grey {
  filter: grayscale(100%);
}

/* 色弱模式 */
.html-weakness {
  filter: invert(80%);
}
